<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>新闻资讯</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/style1.css">
    <link rel="stylesheet" href="css/style2.css">
</head>
<body>
<header>
    <!-- Header Top Start -->
    <div class="header-top">
        <div class="container">
            <div class="row">
                <div class="header-social text-right col-md-12 clear">
                    <a class="fr a1" href="#">中文</a>
                    <a class="fr a2" href="#"><img src="img/icon2.png" alt=""></a>
                    <div class="fr pr shousuo">
                        <input type="text">
                        <button></button>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- Header Top End -->
    <!-- Header Bottom Start -->
    <div class="header-bottom pr">
        <div class="container">
            <div class="row">
                <div class="col-xs-4">
                    <img src="img/logo.png" alt="" class="logo">
                </div>
                <div class="col-xs-8 ">
                    <ul class="nav navbar-nav bigNav">
                        <li class="active"><a href="#">首页</a></li>
                        <li><a href="#">关于我们</a></li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                产品与服务 <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#">解决方案</a></li>
                                <li><a href="#">产品中心</a></li>
                                <li><a href="#">服务与支持</a></li>
                                <li><a href="#">成功案例</a></li>
                                <li><a href="#">质量控制</a></li>
                            </ul>
                        </li>
                        <li><a href="#">加入BEST</a></li>
                        <li><a href="#">新闻资讯</a></li>
                        <li><a href="#">技术创新</a></li>
                    </ul>
                    <img class="fr nav_icon visible-xs" src="img/icon3.png" alt="">
                </div>
            </div>
        </div>
    </div>
</header>

<div class="banner pr">
    <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="img/banner-news.jpg" alt="First slide">
            </div>
        </div>
    </div>
</div>
<div class="news-category">
    <button type="button" class="active">公司新闻</button>
    <button type="button" class="">行业资讯</button>
    <button type="button" class="">活动报道</button>
</div>
<div class="container">
    <div class="news-item col-sm-6">
        <div>
            <span><img src="img/img2.png" class="testimg" width="187" height="101"></span>
            <div class="right-content">
                <div>
                    <p class="p1">慧递进程--电子进程单系统</p>
                    <p class="p2 coll2">技术实力有所增强，开始自主建设空管自动化系统，空管自动化系统作为民航空管部</p>
                </div>
                <div class="time">2018-11-12</div>
            </div>
        </div>
    </div>
    <div class="news-item col-sm-6">
        <div>
            <span><img src="img/img2.png" class="testimg" width="187" height="101"></span>
            <div class="right-content">
                <div>
                    <p class="p1">慧递进程--电子进程单系统</p>
                    <p class="p2 coll2">技术实力有所增强，开始自主建设空管自动化系统，空管自动化系统作为民航空管部</p>
                </div>
                <div class="time">2018-11-12</div>
            </div>
        </div>
    </div>
    <div class="news-item col-sm-6">
        <div>
            <span><img src="img/img2.png" class="testimg" width="187" height="101"></span>
            <div class="right-content">
                <div>
                    <p class="p1">慧递进程--电子进程单系统</p>
                    <p class="p2 coll2">技术实力有所增强，开始自主建设空管自动化系统，空管自动化系统作为民航空管部</p>
                </div>
                <div class="time">2018-11-12</div>
            </div>
        </div>
    </div>
    <div class="news-item col-sm-6">
        <div>
            <span><img src="img/img2.png" class="testimg" width="187" height="101"></span>
            <div class="right-content">
                <div>
                    <p class="p1">慧递进程--电子进程单系统</p>
                    <p class="p2 coll2">技术实力有所增强，开始自主建设空管自动化系统，空管自动化系统作为民航空管部</p>
                </div>
                <div class="time">2018-11-12</div>
            </div>
        </div>
    </div>
    <div class="news-item col-sm-6">
        <div>
            <span><img src="img/img2.png" class="testimg" width="187" height="101"></span>
            <div class="right-content">
                <div>
                    <p class="p1">慧递进程--电子进程单系统</p>
                    <p class="p2 coll2">技术实力有所增强，开始自主建设空管自动化系统，空管自动化系统作为民航空管部</p>
                </div>
                <div class="time">2018-11-12</div>
            </div>
        </div>
    </div>
</div>

<div class="efnye">
	<a href="#" class="open">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
    <a href="#">...</a>
    <a href="#">></a>
</div>

<footer>
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-6 col-sm-3">
                    <img class="footer_login" src="img/icon9.png" alt="">
                </div>
                <div class="col-xs-6 col-sm-2">
                    <ul>
                        <li><a href="#">关于我们</a></li>
                        <li>
                            <a href="#">产品与服务</a></li>
                        <li>
                            <a href="#">人才招聘</a></li>
                        <li>
                            <a href="#">新闻资讯</a></li>
                        <li>
                            <a href="#">技术创新</a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <ul>
                        <li>
                            <img src="img/icon10.png" alt="">
                            北京市朝阳区东苇路301号东院一层301号
                        </li>
                        <li>
                            <img src="img/icon11.png" alt="">
                            +010-84247579
                        </li>
                        <li>
                            <img src="img/icon12.png" alt="">
                            htyx@easysky.com.cn
                        </li>
                        <li>
                            <img src="img/icon13.png" alt="">
                            http://www.easysky.com.cn
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-3 hidden-xs">
                    <div class="fr pr">
                        <input type="text" placeholder="搜索">
                        <button></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_er">
        <div>友情链接：<a href="#">ICAO亚太区</a> I <a href="#">中国民航空管局</a> | <a href="#">泰雷兹</a> | <a href="#">欧控</a> | <a
                href="#">民航空局空中交通管理局</a> | <a href="#">民航空局空中交通管理局技术中心</a> | <a href="#">民航空管技术装备有限公司</a> | <a
                href="#">国际民航组织</a></div>
    </div>
</footer>
<!--<script src="js/bootstrap.min.js"></script>-->
<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.zoomImgRollover.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".testimg").zoomImgRollover();
});
</script>
</body>
</html>